import BasicLayout from '@/core/components/layouts/BasicLayout'
import IsAuth from '@/lib/auth/components/IsAuth'
import FinishCheckoutComponent from '@/lib/checkout/components/FinishCheckout'
import { useRouter } from 'next/router'
import axios from 'axios'
import Seo from '@/core/components/Seo'

export async function getServerSideProps(context) {
  const { order_id } = context.query
  await axios.post(
    `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/finish-checkout?orderName=${order_id}`,
    {},
    { headers: context.req.headers }
  )
  return { props: {} }
}

export default function Finish() {
  const router = useRouter()

  return (
    <>
      <Seo title='Checkout Indoteknik.com' />

      <IsAuth>
        <BasicLayout>
          <FinishCheckoutComponent query={router.query || {}} />
        </BasicLayout>
      </IsAuth>
    </>
  )
}